import React from 'react'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import tu from '../../img/1.png'

function Index() {
  const onChange = (key: string) => {
    console.log(key);
  };

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '全部订单',
      children: [
        <div>
          <img style={{width:'100vw',height:"700px"}} src={tu} alt="" />
        </div>
      ],
    },
    {
      key: '2',
      label: '待付款',
      children: '待付款',
    },
    {
      key: '3',
      label: '待发货',
      children: '待发货',
    },
    {
      key: '4',
      label: '待收货',
      children: '待收货',
    },
  ];
  return (
    <div>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
    </div>
  )
}

export default Index
